<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>产品管理</title>
    <link href="../css/base.css" rel="stylesheet" type="text/css">
    <link href="../css/admin.css" rel="stylesheet" type="text/css">
    <link href="../css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <style>
        body{
            background: #fff;
            padding:20px;
        }
    </style>
</head>
<body>
    <div style="width:85%" class="clearfix">
        <div class="t_c_tab table-responsive">
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th style="text-align:center;min-width: 125px;">会员行为</th>
                        <th style="text-align:center;min-width: 125px;">积分</th>
                        <th style="text-align:center;min-width: 102px;">时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>兑换礼品</td>
                        <td>-1000</td>
                        <td>2017-06-30</td>
                   </tr>
                   <tr>
                        <td>签到</td>
                        <td>+1000</td>
                        <td>2017-06-30</td>
                   </tr>
                    <tr>
                        <td>抽奖</td>
                        <td>+1000</td>
                        <td>2017-06-30</td>
                   </tr>
                   <tr>
                        <td>管理员操作</td>
                        <td>+1000</td>
                        <td>2017-06-30</td>
                   </tr>
                </tbody>
            </table>
        </div>
        <nav aria-label="Page navigation" class="clearfix navigation">
            <ul class="pagination fl">
                <li>
                    <a href="#" aria-label="Previous">
                        <span aria-hidden="true">首页</span>
                    </a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
            </ul>
            <div class="pa">
                <input type="text"><span>跳转</span>
            </div>
         </nav> 
    </div>

<div style="width:85%" class="clearfix">
        <div class="t_c_tab table-responsive">
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th style="text-align:center;min-width: 125px;">保单号</th>
                        <th style="text-align:center;min-width: 125px;">积分</th>
                        <th style="text-align:center;min-width: 102px;">操作时间</th>
                        <th style="text-align:center;min-width: 102px;">状态</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>66666666666</td>
                        <td>1000</td>
                        <td>2017-06-30</td>
                        <td>已领取</td>
                   </tr>
                   <tr>
                        <td>66666666666</td>
                        <td>1000</td>
                        <td>2017-06-30</td>
                        <td>未领取</td>
                   </tr>
                </tbody>
            </table>
        </div>
        <nav aria-label="Page navigation" class="clearfix navigation">
            <ul class="pagination fl">
                <li>
                    <a href="#" aria-label="Previous">
                        <span aria-hidden="true">首页</span>
                    </a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
            </ul>
            <div class="pa">
                <input type="text"><span>跳转</span>
            </div>
         </nav> 
    </div>
</body>
</html>
<script src="../js/common/jquery-1.11.3.min.js"></script>
<script src="../js/common/bootstrap.js"></script>
<script src="../js/common/bootbox.js"></script>
<script src="../js/common/bootstrap-datetimepicker.min.js"></script>
<script src="../js/common/bootstrap-datetimepicker.zh-CN.js"></script>
<script>
	/*时间插件*/
	$('#lz_dateStart').datetimepicker({
		language: 'zh-CN',
		format:'yyyy-mm-dd hh:ii:ss',
		initialDate:new Date(), //初始化
		minView:'hour',
		autoclose:true,
		todayBtn:true
	});
	$('#lz_dateEnd').datetimepicker({
		language: 'zh-CN',
		format:'yyyy-mm-dd hh:ii:ss',
		initialDate:new Date(),//初始化
		minView:'hour',
		autoclose:true
	});
    
   $('.sortBythisCol').click(function(){
        if($(this).find('i').hasClass('fa-sort-amount-asc')){
            $(this).find('i').removeClass('fa-sort-amount-asc').addClass('fa-sort-amount-desc')
        }else{
            $(this).find('i').removeClass('fa-sort-amount-desc').addClass('fa-sort-amount-asc')
        }
     })



     
</script>